<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>帖子详情页</title>
		<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
		<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
		<link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="style.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div data-role="page">
			<!-- 顶部返回条 -->
			<div data-role="header" class="det-topnav"style="height: 3rem;background-color: white;">
				<div style="margin-top: 0.6rem;margin-left: 1rem;">
					<a href="main.html" data-transition="slide"  data-direction="reverse" data-role="none" style="text-decoration: none;font-size: 1.5rem;"><i class="icon-jiantou-zuo"></i></a>
				</div>
				
			</div>
			<!-- 内容区块 -->
			<div data-role="main" style="background-color: whitesmoke;margin-top: 3.25rem;">
				<!-- 帖子内容块 -->
				<table class="det-table">
					<div style="margin-left: 10%;">
						<!-- 头像昵称 -->
						<tr>
							<td class="td1-1">
								<div style="float: left;">
									<div style="height: 3.5rem;width: 3.5rem;border-radius: 1.725rem;overflow: hidden;">
										<img src="img/head.jpeg" width="100%" height="100%">
									</div>
								</div>
									<span style="float: left;margin: 0.9rem 0 0 0.3rem;font-family: arial black;font-size: 1.45rem;">花间一壶酒</span>
							</td>
						</tr>
						<tr>
							<td class="td2"><p style="font-family: 楷体;">天气真好！出来走走</p></td>
						</tr>
						<tr>
							<td class="td3-1">
								<div style="width: 92%;">
									<img src="./img/demo.jpg" width="100%" style="border-radius: 0.4rem;overflow: hidden;">
								</div>
							</td>
						</tr>
						<tr>
							<td class="td3-1">
								<div style="width: 92%;">
									<img src="./img/det%20(1).jpg" width="100%" style="border-radius: 0.4rem;overflow: hidden;">
								</div>
							</td>
						</tr>
						<tr>
							<td class="td3-1">
								<div style="width: 92%;">
									<img src="./img/det%20(2).jpg" width="100%" style="border-radius: 0.4rem;overflow: hidden;">
								</div>
							</td>
						</tr>
						<tr>
							<td class="td3-1">
								<div style="width: 92%;">
									<img src="./img/det%20(4).jpg" width="100%" style="border-radius: 0.4rem;overflow: hidden;">
								</div>
							</td>
						</tr>
						<tr>
							<td class="td3-1">
								<div style="width: 92%;">
									<img src="./img/det%20(3).jpg" width="100%" style="border-radius: 0.4rem;overflow: hidden;">
								</div>
							</td>
						</tr>
						
						<tr>
							<td class="td3-1">
								<div style="width: 45.5%;float: left;text-align: center;margin:3% 0 3% 0;"><span class="iconfont icon-xinsui">1</span></div>
								<div style="width: 45.5%;float: left;text-align: center;margin:3% 0 3% 0;"><span class="iconfont icon-xihuan" style="color: red;">3</span></div> 
							</td>
						</tr>
					</div>
				</table>
				<!-- 评论区 -->
				<table class="det-table" style="margin:0.7rem 0 3.2rem 0;">
					<tr>
						<td>
							<div class="det-title">
								回复
							</div>
						</td>
					</tr>
					<!-- 评论1 -->
					<tr style="border-top: 0.15rem solid whitesmoke;">
						<td class="td1">
							<div style="float: left;">
								<div style="height: 2.75rem;width: 2.75rem;border-radius: 1.375rem;overflow: hidden;">
									<img src="img/head4.jpeg" width="100%" height="100%">
								</div>
							</div>
								<span style="float: left;margin-top: 0.55rem;font-size: 1.2rem;width: 65%;">Tom Query</span>
								<span style="float: left;margin: 0.55rem 0 0 0;font-size: 1.2rem;"><span class="iconfont icon-xihuan" style="color: red;">3</span></span>
						</td>
					</tr>
					<tr><td class="td2-1"><p style="font-size: 1rem;">是你们学校吗？不错呀</p></td></tr>
					<!-- 评论2 -->
					<tr style="border-top: 0.15rem solid whitesmoke;">
						<td class="td1">
							<div style="float: left;">
								<div style="height: 2.75rem;width: 2.75rem;border-radius: 1.375rem;overflow: hidden;">
									<img src="img/head5.jpeg" width="100%" height="100%">
								</div>
							</div>
								<span style="float: left;margin-top: 0.55rem;font-size: 1.2rem;width: 65%;">章鱼小丸子</span>
								<span style="float: left;margin: 0.55rem 0 0 0;font-size: 1.2rem;"><span class="iconfont icon-xihuan" style="color: red;">31</span></span>
						</td>
					</tr>
					<tr><td class="td2-1"><p style="font-size: 1rem;">可以可以</p></td></tr>
					<!-- 评论3 -->
					<tr style="border-top: 0.15rem solid whitesmoke;">
						<td class="td1">
							<div style="float: left;">
								<div style="height: 2.75rem;width: 2.75rem;border-radius: 1.375rem;overflow: hidden;">
									<img src="img/head6.jpeg" width="100%" height="100%">
								</div>
							</div>
								<span style="float: left;margin-top: 0.55rem;font-size: 1.2rem;width: 65%;">狂人Tom</span>
								<span style="float: left;margin-top: 0.55rem;font-size: 1.2rem;"><span class="iconfont icon-xihuan" style="color: red;">2</span></span>
						</td>
					</tr>
					<tr><td class="td2-1"><p style="font-size: 1rem;">这是哪个学校，没见过</p></td></tr>
				</table>
			</div>
			<!-- 底部条 -->
			<form action="" method="">
				<div data-role="footer" class="det-bottomnav" style="background-color: white;border: none;">
					<input type="text" id="comment" placeholder="我来评论" class="det-input" data-role="none" onfocus="this.placeholder=''" onblur="this.placeholder='我来评论'" />
					<button type="submit" data-role="none" class="det-submit"><span class="iconfont icon-fasong"></span></button>
				</div>
				<div class="det-bottomnav1">
					<div class="det-img1">
						<img src="img/head3.jpeg" class="det-img"/>
					</div>
				</div>
			</form>
			
		</div>
	</body>
</html>
